﻿@charset "utf-8";

/* CSS Document */

/*RESET SETTINGS*/

html, body, div, span, h1, h2, h3, h4, h5, h6, strong, ol, ul, li, p {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    background-color: #82B501;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 62.5%;
    height: 100%;
}

ol, ul { list-style: none; }

a, a:visited {
    color: #333;
    text-decoration: none;
}

a:hover { color: #cc6600; }

.clear { clear: both; }

a img { border: none; }

#page {
    margin: auto;
    min-height: 100%;
    width: 100%;
}

/*END RESET SETTINGS*/

/*NEKORAMA PRE SET*/

#wrapper {
    margin: auto;
    margin-top: 60px;
    width: 1000px;
}

#primary {
    background: rgba(255, 255, 255, 0.5);
    float: left;
    height: auto;
    min-height: 540px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 700px;
}

#side-bar {
    float: left;
    height: auto;
    padding-top: 15px;
    width: 300px;
}

#primary-1, #primary-2, #primary-3 {
    height: auto;
    margin-left: 15px;
    width: 670px;
}

#primary-2 { margin-bottom: 20px; }

#primary-3 {
    margin-bottom: 20px;
    min-height: 65px;
}

.about {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    min-height: 540px;
    margin-left: 10px;
    width: 280px;
}

.about img {
    border-bottom: 1px solid #ccc;
    width: 275px;
}

.about p {
    font-size: 12px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 270px;
    word-wrap: break-word;
}

/*Tags*/

ul.tags {
    margin-top: 15px;
}

ul.tags li {
    display: inline;
    padding-right: 10px;
}

ul.tags li a {
    background-color: #CCCCCC;
    border-radius: 10px;
    color: #555555;
    font-size: 12px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

ul.tags li a:hover {
    background-color: #999;
    color: white;
}

/*End Tags*/

/*Page View*/

.page-view {
    height: auto;
    margin-top: 10px;
    text-align: center;
    width: 72px;
}

.page-view p {
    color: #333333;
    font-weight: bold;
}

/*End Page View*/

/*Error*/

.error img {
    float: left;
    padding-right: 20px;
    width: 72px;
}

.error h1 {
    color: red;
    padding-top: 20px;
}

/*End Error*/

/*Search Bar*/

.search-bar {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

#search input[type="text"] {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-transition: 0.5s;
    background: url(/Images/Header/search-btn.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    padding: 6px 15px 6px 35px;
    transition: 0.5s;
    width: 150px;
}

#search input[type="text"]:focus { width: 200px; }

/*End Search Bar*/

/*END NEKORAMA PRE SET*/

/*MAIN SETTINGS*/

/*HEADER*/

#header {
    background: white;
    height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

#header-container {
    height: 60px;
    margin: auto;
    width: 1000px;
}

/*Main Menu*/

#main-menu {
    height: 60px;
    position: fixed;
    width: 410px;
}

#main-menu ul { text-align: center; }

#main-menu li {
    cursor: pointer;
    display: list-item;
    float: left;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    margin-right: 10px;
    padding-top: 6px;
    width: 92px;
}

#main-menu li:hover a { -webkit-filter: grayscale(100%); }

#main-menu ul li:hover img { -webkit-filter: grayscale(100%); }

#main-menu a:link, #main-menu a:visited, a.linkbutton:link {
    color: #CC6600;
    display: block;
    text-align: center;
    text-decoration: none;
}

#main-menu ul li img { width: 30px; }

/*End Main Menu*/

/*Pull Right*/

#pull-right {
    float: right;
    height: 60px;
    margin-left: 410px;
    position: fixed;
    width: 590px;
}

#pull-right img { width: 30px; }

#pull-right nav {
    color: #6CB9F7;
    margin-top: 15px;
}

nav ul { list-style: none; }

nav ul:after {
    clear: both;
    content: "";
    display: block;
}

#pull-right nav ul li {
    float: right;
    margin-left: 10px;
}

#pull-right nav ul li:hover > ul { display: block; }

#pull-right nav ul ul {
    display: none;
    width: 30px;
}

#pull-right nav ul ul li { }

#pull-right nav ul ul.ava-menu { }

#pull-right nav ul ul.ava-menu li {
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    display: list-item;
    float: left;
    list-style: none;
    text-align: center;
    width: 170px;
}

#pull-right nav ul ul.ava-menu li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    text-transform: capitalize;
}

#pull-right nav ul ul.ava-menu li:hover { background: white; }

/*End Pull Right*/

/*END HEADHER*/

/*FOOTER*/

#footer .f-content {
    background: rgba(255, 255, 255, 0.85);
    bottom: 0px;
    height: 30px;
    position: fixed;
    text-align: center;
    width: 100%;
}

#footer p {
    color: #333;
    font-size: 12px;
    padding-top: 10px;
}

/*END FOOTER*/

/*FILTER*/

.filter {
    border-bottom: 1px solid #999;
    width: 670px;
}

ul#filter-options {
    height: 30px;
    margin-left: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
}

ul#filter-options li:hover, ul#filter-options li.active { border-bottom: 2px solid #cc6600; }

ul#filter-options li {
    border-bottom: 2px solid #333333;
    cursor: pointer;
    display: list-item;
    float: left;
    list-style: none;
    margin: 0 5px 0 4px;
    text-align: match-parent;
    width: 120px;
}

ul#filter-options li:hover a, ul#filter-options li.active a { border-bottom: 2px solid #cc6600; }

ul#filter-options li a {
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    text-transform: capitalize;
}

ul#filter-options li a:-webkit-any-link { cursor: auto; }

/*END FILTER*/

/*QUESTION LIST*/

#question-list, #tag-list, #user-list, #help, #about, .error, #user-details {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    height: auto;
    min-height: 540px;
    width: 670px;
}

.question {
    border-bottom: 1px solid #999;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 640px;
}

.question:hover { background: white; }

.q-info {
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
}

.q-info ul { }

.q-info ul li {
    font-size: 12px;
    height: 24px;
    width: 80px;
}

.q-brief { width: 540px; }

.q-brief h2 a {word-wrap: break-word;}

.q-brief p.q-brief-content { min-height: 42px; word-wrap: break-word;}

.q-brief p.q-create-time {
    color: #bbb;
    text-align: right;
}

.q-brief p.q-view {
    color: #333;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.q-brief .bounty-n {
    background: blue;
    border-radius: 10px;
    color: white;
    float: left;
    padding: 0px 5px 0px 5px;
}

/*END QUESTION LIST*/

/*TAG LIST*/

.t-row {
    height: 40px;
    margin-bottom: 20px;
    width: 670px;
}

.tag-info {
    display: inline;
    float: left;
    height: 30px;
    padding-left: 5px;
    width: 162px;
    word-wrap: break-word;
}

.tag-info a {
    background-color: #CCCCCC;
    border-radius: 10px;
    color: #555555;
    font-size: 10px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.tag-info a:hover {
    background-color: #999;
    color: white;
}

.tag-info p { margin-top: 10px; }

.tag-info p a {
    background-color: transparent;
    border-radius: 0px;
    color: #333;
    padding: 0px;
    text-decoration: none;
    width: auto;
}

.tag-info p a:hover {
    background-color: transparent;
    color: #cc6600;
}

/*END TAG LIST*/

/*USER LIST*/

.u-row {
    height: 74px;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 660px;
}

.user { margin-right: 10px; }

.user-info {
    float: left;
    height: 72px;
    padding-left: 5px;
    width: 130px;
}

.user div.avatar {
    float: left;
    height: 72px;
    width: 72px;
}

.user div.avatar img {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.user-info h1 a {
    color: #C60;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: normal;
}

.user-info p { line-height: normal; }

/*END USER LIST*/

.bounty {
    float: left;
    height: 24px;
    width: 295px;
}

.bounty form { float: left; }

.bounty #bountyamount {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 20px;
    padding-left: 5px;
    width: 90px;
}

.bounty img {
    float: left;
    height: 24px;
    width: 24px;
}

.bounty p {
    padding-left: 30px;
    padding-top: 6px;
    word-wrap: break-word;
}

.comment_list {
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 77px;
    width: 594px;
}

.comment {
    border-bottom: 1px solid #e8e8e8;
    height: auto;
    margin-bottom: 10px;
    width: 540px;
}

.comment h1 a {
    color: #cc6600;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.comment p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: normal;
    padding-left: 10px;
    word-wrap: break-word;
}

.comment_tools { width: 546px; border: 1px solid #e8e8e8;}

/*USER PAGE*/

.user-profile {
    height: auto;
    margin-bottom: 20px;
    min-height: 220px;
    width: 670px;
    word-wrap: break-word;
}

.user-profile h2 { padding-bottom: 10px; }

/*Avatar*/

.user-avatar {
    float: left;
    height: auto;
    margin-top: 5px;
    text-align: center;
    width: 175px;
}

.user-avatar img {
    border-radius: 5px;
    border-right: 1px solid #e8e8e8;
    margin: 5px;
    width: 120px;
}

.user-avatar h1 {
    border-bottom: 1px solid #e8e8e8;
    color: #cc6600;
    font-size: 20px;
    padding: 5px;
}

/*Data*/

.user-data {
    border-right: 1px solid #cccccc;
    float: left;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    min-height: 213px;
    text-align: left;
    width: 194px;
}

.user-data h3 {
    color: #333;
    padding-left: 15px;
}

.user-data p {
    color: #cc6600;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

/*About me*/

.about-me {
    float: left;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    min-height: 213px;
    text-align: left;
    width: 285px;
}

.about-me p { padding-left: 15px; }

/*User tools*/

.user-manage {
    height: 24px;
    margin-bottom: 20px;
    text-align: right;
    width: 670px;
}

a.edit-user:link, a.ban:link, a.edit-user:visited, a.ban:visited {
    background-color: #cc6600;
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-size: 18px;
    height: 24px;
    min-width: 90px;
    text-align: center;
    text-decoration: none;
}

/*Summary*/

.summary {
    height: auto;
    width: 670px;
}

.posted {
    margin-right: 10px;
    padding-left: 5px;
    width: 320px;
}

.posted h1 { color: #333; }

.posted h2 {
    color: #333;
    padding-bottom: 10px;
}

ul.post-link { min-height: 130px; }

ul.post-link li {
    float: left;
    margin-bottom: 5px;
    width: 330px;
    word-wrap: break-word;
}

ul.post-link li p {
    background-color: blue;
    border-radius: 5px;
    color: white;
    float: left;
    margin-right: 5px;
    padding: 5px;
}

/*END USER PAGE*/

#wrapper .dialog { margin-top: 30px; }

#wrapper .dialog .dialog-mess {
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 300px;
}

#wrapper .dialog .dialog-mess p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

#wrapper .dialog .dialog-button {
    float: left;
    padding-left: 60px;
}

#wrapper .dialog .dialog-button img {
    float: left;
    padding-left: 5px;
}

/*Primary 3*/

#page-number { margin-left: 10px; }

#page-number h1 { font-size: 12px; }

#page-number ul.number { float: left; }

#page-number ul.number li {
    display: inline;
    float: left;
    margin-left: 45px;
}

#page-number ul.number li a {
    color: #333;
    font-size: 12px;
    padding-right: 5px;
}

/*ANSWER LIST*/

.answer-list {
    border-radius: 5px;
    height: auto;
    width: 670px;
}

.answer-list div.answer {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 670px;
}

.answer-owner {
    height: auto;
    padding-top: 5px;
    width: 670px;
}

.answer-owner h1 a {
    color: #cc6600;
    font-size: 14px;
}

.answer-description {
    float: left;
    height: auto;
    padding-left: 5px;
    width: 650px;
}

.answer-description pre {
    color: #333;
    font-size: 12px;
    line-height: normal;
    margin-left: 5px;
}

.text-editor { width: 670px; }

.text-editor img { float: right; }

/*END MAIN SETTINGS*/

.accept-btn {
    background: url(/Images/Question-Details/accept_button.png) no-repeat top left;
    display: inline-block;
    float: inherit;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
}

/*linkbuttons CSS*/

a.newquestion-btn:link {
    background-color: #cc6600;
    border-radius: 5px;
    color: white;
    display: inline-block;
    float: right;
    font-size: 18px;
    height: 24px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

a.answer-btn:link, a.answer-btn:visited {
    background-color: #cc6600;
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-size: 18px;
    height: 24px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

a.save-btn:link, a.delete-btn:link, a.edit-btn:link, a.report-btn:link, a.post-btn:link, a#edit-question-btn:link, a#delete-question-btn:link, a#set-bounty-btn:link, a#report-question-btn:link, a.registerbutton:link {
    background-color: #cc6600;
    border-radius: 5px;
    color: white;
    display: inline-block;
    float: right;
    font-size: 18px;
    height: 24px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

a.comment-btn:link {
    background-color: #cc6600;
    border-radius: 5px;
    color: white;
    display: inline-block;
    float: right;
    font-size: 18px;
    height: 24px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

a.save-btn:visited, a.newquestion-btn:visited, a.delete-btn:visited, a.edit-btn:visited, a.comment-btn:visited, a.report-btn:visited, a.post-btn:visited, a#edit-question-btn:visited, a#delete-question-btn:visited, a#set-bounty-btn:visited, a#report-question-btn:visited, a.registerbutton:visited { color: white; }

.post-content { width: 540px; }

/*QUESTION DETAILS*/

#a-question {
    background: whitesmoke;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: auto;
    width: 670px;
}

/*Post Info*/

.post-info {
    float: left;
    height: auto;
    width: 72px;
}

.post-info a { color: #CC6600; }

.profile, .rate {
    height: auto;
    text-align: center;
    width: 72px;
}

.profile img {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 72px;
    width: 72px;
}

/*End Post Info*/

/*Rate*/

.rate { margin-top: 10px; }

.rate p {
    color: #cc6600;
    font-size: 20px;
    font-weight: bold;
}

.rate img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: opacity .5s ease;
}

.rate img:hover { -webkit-filter: grayscale(0); }

/*End Rate*/

/*End Post-Info*/

/*Question Detail*/

.post-detail {
    height: auto;
    padding-left: 77px;
    width: 594px;
}

.post-detail p {
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    word-wrap: break-word;
}

/*End Question Detail*/

/*Manage*/

.manage {
    height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 77px;
}

.bounty { float: left; }

.basic { text-align: right; }

.manage .basic ul li { display: inline; }

.manage .basic ul li a {
    background-color: #cc6600;
    color: white;
    display: inline-block;
    float: right;
    font-size: 18px;
    height: 24px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

/*End Manage*/

/*END QUESTION DETAIL*/

/*EDIT USER PROFILE*/

.profile-edit { padding-left: 200px; }

.profile-edit h2 {
    padding-bottom: 10px;
    padding-top: 10px;
}

#save-u-btn, #save-u-btn:hover, #save-u-btn:focus {
    -webkit-appearance: none;
    background-color: #cc6600;
    border: none;
    border-radius: 5px;
    color: white;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    height: 24px;
    margin-left: 439px;
    padding: 0px;
    width: 90px;
}

input.u-input-field, #displayname {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 25px;
    margin-left: 20px;
    padding-left: 5px;
    width: 300px;
}

.profile-edit textarea {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 100px;
    margin-left: 20px;
    padding-left: 5px;
    resize: none;
    width: 300px;
}

/*END EDIT USER PROFILE*/

/*CREATE OR EDIT QUESTION*/

#title {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 25px;
    padding-left: 10px;
    width: 660px;
}

#bounty, #tag, #alltag {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    font-size: 12px;
    height: 25px;
    margin-left: 0px;
    padding-left: 10px;
    width: 200px;
}

/*END CREATED OR EDIT QUESTION*/

.error-list {
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 6px #000;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #ee0101;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0 6px #000;
    color: #fff;
    font-size: 11px;
    min-width: 120px;
    padding: 4px 10px 4px 10px;
    width: auto;
}
.validation-summary-errors{ -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 6px #000;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #ee0101;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0 6px #000;
    color: #fff;
    font-size: 11px;
    min-width: 120px;
    padding: 4px 10px 4px 10px;
    margin-bottom: 5px;
width: 350px;}
textarea{resize: none}

#help {
    text-align: center;
    background: white;
}

#help p {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#help h3 {
    margin-top: 20px;
}

#help h1 {
    margin-top: 30px;
    text-align: center;
    border-bottom: 1px solid #999;
}

#help div {
    margin-top: 10px;
}

#help table {
    border-width: 1px;
    border-color: #e8e8e8;
    border-collapse: collapse;
}

#help table th {
    border: 1px solid #999;
    background: #cc6600;
    color: #FFF;
    padding: 4px;
}

#help table tr:nth-child(even) {
}

#help table tr:nth-child(odd) {
    background-color: rgba(204, 102, 0, 0.09);
}
div .jqte_toobar .unselectable {

	display: none;
}